.midden {
    display: flex;
    flex-wrap: wrap;


}
*{
    padding: 0;
    margin: 0;
}

.pp {
    list-style: none;
    width: 200px;
    height: 250px;
    border: 2px dotted;
    margin: 20px 85px;
    display: flex;
    position: relative;

}

span:nth-child(1) {
    position: absolute;
    left: 40%;
    top: 10%;
    

}

span:nth-child(2) {
    position: absolute;
    left: 40%;
    bottom: 10%;


}
#mi{
    background-color: rgb(236, 106, 156);
}